<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="content-type" content="text/html; charset=UTF-8">
		<title>Vagamap - {% block title %}{% endblock %}</title>
		<link type="text/css" rel="stylesheet" href="/stylesheets/reset.css" />
		<link type="text/css" rel="stylesheet" href="/stylesheets/base.css" />
        <script src="http://cdn.jquerytools.org/1.2.6/jquery.tools.min.js"></script>
        {% block head %}{% endblock %}
	</head>
	<body>
	<div id="container">
		<div id="header">
			<h1>
				vagamap
			</h1>
		</div>
		<div id="navigation">
			<ul>
				<li><a href="/provider/list">Providers</a></li>
				<li><a href="/place/list">Places</a></li>
				<li><a href="/map">Map</a></li>
				<li><a href="/countries">Countries</a>
			</ul>
		</div>
		{% block form_open %}{% endblock %}
		<div id="content-container">
			{% block content %}{% endblock %}
		</div>
		{% if form and form.errors %}
		<div id="errors" class="footer" >
		    <ul class="errors">
	        {% for field_name, field_errors in form.errors|dictsort if field_errors %}
	            {% for error in field_errors %}
	                <li>{{ form[field_name].label }}: {{ error }}</li>
	            {% endfor %}
	        {% endfor %}
	    	</ul>
		</div>
		{% endif %}
		<div id="commands" class="footer" >
			{% block footer %}{% endblock %}
		</div>
		{% block form_close %}{% endblock %}
	</div>
	</body>
</html>